<template>
    <el-carousel :interval="4000" type="card" height="300px">
      <el-carousel-item v-for="item in sz" :key="item.id">
        <h3 text="2xl" justify="center">
          <img
            :src="item.src"
            style="width: 100%; height: 100%; object-fit: cover"
          />
          <!-- <img src="./img/logo.png" alt="" /> -->
        </h3>
      </el-carousel-item>
    </el-carousel>
    <div class="jindian" id="top1">
    <h2><a href="#section1">圣水寺</a></h2>
    <h2><a href="#section2">峨眉山</a></h2>
    <h2><a href="#section3">洪崖洞</a></h2>
    <h2><a href="#section4">都江堰南桥</a></h2>
    <h2><a href="#section5">南山</a></h2>
  </div>
    <div class="bigbox">
      <h2 id="section1">《川西北千年古刹：绵阳圣水寺的禅韵与风华》</h2>
      <div class="imge">
        <img  src="../assets/img/13fe65ee835f671a195636aabbd7c4df.jpg" alt="" />
      </div>
      <div class="text">
        绵阳圣水寺，宛如一颗镶嵌在川西北大地上的璀璨明珠，承载着千年历史与深厚的佛教文化底蕴。它坐落于绵阳市涪城区长虹大道北段、涪江右岸的塔子山南麓，地理位置得天独厚，依山傍水，风景秀丽。

圣水寺始建于唐永徽年间，距今已有 1300 余年历史，唐广明年间建寺，明正统元年得名 “圣水”，皆因寺后清泉长流，终年不涸，被视作 “甘泉”。千余年来，它历经风雨，几经兴废，在时代的浪潮中沉沉浮浮，直到二十世纪八十年代后，在果忍法师与其高徒常明法师等两代僧众的不懈努力下，才重现昔日辉煌。

走进圣水寺，规模宏大的建筑群令人震撼。占地 140 多亩，总建筑面积三万多平方米，沿中轴线依次分布着天王殿、观音殿、大悲殿、韦陀殿、大雄宝殿、藏经楼等殿堂，层层递进，巍峨壮观；两侧钟鼓楼、玉佛殿、地藏殿等十余处殿堂错落有致，巧妙布局。其建筑风格融合了北传佛教汉地寺庙的古朴庄严与江南园林的优雅清新，歇山式屋顶、琉璃瓦、鎏金屋檐、雕梁画栋，处处彰显精湛工艺，尽显大丛林气象。

寺内的雕塑艺术更是一绝。“吉祥门” 雕塑艺术长廊，历时十余年打造，将佛教文化与吉祥文化完美融合，通过龙、祥云等元素传递美好寓意；罗汉雕塑艺术长廊长达 200 米，122 尊罗汉神态各异、栩栩如生，展现出佛教圣境的瑰丽奇幻。此外，毗卢观音、千手观音等佛像塑造精美，或慈祥自在，或悲智双运，令人心生敬畏。

1991 年，圣水寺被列为四川省重点寺院，如今它既是佛教信众虔诚朝拜的圣地，也是游人观光游览的热门景点。在这里，晨钟暮鼓相伴，梵音袅袅萦绕.
      </div>
    </div>
    <div class="bigbox">
      <h2 id="section2">《峨眉天下秀：自然奇观与千年禅韵共谱的双遗圣境》</h2>
      <div class="imge">
        <img  src="../assets/img/4ea1d68b7331cfc8768aa80b2a93e87a.jpg" alt="" />
      </div>
      <div class="text">
        在四川盆地西南，峨眉山巍峨耸峙，以 “雄、秀、神、奇” 闻名于世，素有 “峨眉天下秀” 的美誉。这座承载着千年底蕴的山脉，既是大自然鬼斧神工的杰作，也是华夏文明的璀璨瑰宝。

峨眉山核心景区面积 154 平方千米，万佛顶以 3099 米的海拔傲立群峰，其名取自大峨、二峨两山对峙如眉的独特形态。这里气候温润，植被繁茂，完整的亚热带生态系统孕育出 3200 余种高等植物与 2300 多种野生动物。密林深处，大熊猫悠然栖息，活泼的峨眉山猴群穿梭林间，增添了山林的灵动感；独特的地质构造，更让它成为名副其实的 “地质博物馆”，守护着长江上游的生态命脉。

人文脉络上，峨眉山自东汉起便与佛教结缘，历经千年沉淀，成为中国四大佛教圣地之一。全山近 30 座寺庙错落分布，承载着深厚的宗教文化。报国寺气势恢宏，作为入山首寺，庄严肃穆；伏虎寺隐于密林，清幽静谧；万年寺内，重达 62 吨的普贤铜佛像工艺精湛，彰显着古代匠人的高超技艺。这些古寺与奇峰、云海、日出、圣灯共同构成 “金顶祥光”“象池月夜” 等十大胜景，令无数游客流连忘返。

1996 年，峨眉山与乐山大佛同列世界文化与自然双遗产，更先后荣获国家 5A 级景区、国家级文明旅游示范单位等称号，并于 2024 年跻身首批 “世界旅游名山”。无论是渴望饱览壮美风光，还是感悟佛教文化的深邃，峨眉山都能以其独特魅力，为游人带来一场震撼心灵的旅程。
      </div>
    </div>
    <div class="bigbox">
      <h2 id="section3">《洪崖洞：两江江畔的吊脚楼秘境，千年巴渝的时空叠影》</h2>
      <div class="imge">
        <img  src="../assets/img/f60e632f17e1754b2dd5cee3e3053403.jpg" alt="" />
      </div>
      <div class="text">
        洪崖洞，原名洪崖门，是古重庆城门之一，国家 4A 级旅游景区，位于重庆市渝中区嘉陵江滨江路 88 号，地处长江、嘉陵江两江交汇的滨江地带。

它是一座融合了巴渝传统建筑特色与现代都市元素的地标性建筑，以独特的吊脚楼风貌吸引着无数游客。整个建筑依山而建，层层叠叠，从江边一直延伸到山顶，高达 11 层，错落有致，气势恢宏，被建筑业界称为 “中华悬崖城”，也被中外媒体誉为可与日本动漫电影《千与千寻》场景媲美的 “天空之城”。

洪崖洞的夜景尤为迷人，每当夜幕降临，华灯初上，整个建筑被灯光勾勒出清晰的轮廓，暖黄色的灯光与江水相互映衬，如梦如幻，仿佛置身于一个童话世界。这里不仅有美丽的建筑外观，内部还有丰富的商业业态，涵盖了特色餐饮、休闲娱乐、巴渝民间工艺品等店铺。游客可以在这里品尝到地道的重庆美食，如火锅、小面等，还能购买到具有巴渝特色的纪念品。此外，洪崖洞还有许多著名的景点，如洪崖滴翠、辛亥丰碑、洪崖群雕等，每一个景点都承载着重庆的历史文化内涵。无论是白天还是夜晚，洪崖洞都散发着独特的魅力，是来重庆旅游必打卡的景点之一，它让人们在领略现代都市繁华的同时，也能感受到巴渝文化的深厚底蕴。
      </div>
    </div>
    <div class="bigbox">
      <h2 id="section4">《都江堰南桥：廊下千年韵，江上万盏灯》</h2>
      <div class="imge">
        <img  src="../assets/img/853d8c331ee56ddd7edbca9984bea12c.jpg" alt="" />
      </div>
      <div class="text">
        都江堰南桥坐落于四川都江堰宝瓶口下侧的岷江内江上，是连接古城区与景区的重要通道，更是都江堰这座千年水利之城的标志性建筑，承载着深厚的历史底蕴与独特的人文风情。

南桥始建于 1878 年，初名 “普济桥”，历经岁月变迁与洪水冲击，多次重建修缮，逐渐形成如今古朴典雅又气势恢宏的模样。桥长约 133 米，宽约 10 米，为廊式古桥，整座桥身雕梁画栋，朱漆彩塑，极具民族特色。桥廊内的天花板上绘满精美彩绘，内容丰富多样，涵盖神话传说、历史故事与山水花鸟，色彩鲜艳，笔法细腻，漫步其中，仿佛走进一座流动的艺术长廊。飞檐翘角的桥顶，配以金色琉璃瓦，在阳光下熠熠生辉，夜间华灯初上时，桥上装饰的彩灯亮起，倒映在岷江江面，光影摇曳，如梦如幻，与周围的古建筑群交相辉映，构成一幅绝美的夜景画卷。

除了建筑艺术价值，南桥更是都江堰市民与游客生活休闲的重要场所。白日里，桥上人来人往，两侧摆满特色小吃摊与纪念品店，甜香的三大炮、酥脆的蛋烘糕香气四溢，充满浓郁的市井烟火气；夜晚，南桥摇身一变成为纳凉胜地，江风习习，人们或静坐赏景，或谈笑畅聊，感受着这座城市的惬意与闲适。

历经百年风雨的都江堰南桥，既是沟通两岸的实用桥梁，也是传承历史文化的艺术瑰宝，更是都江堰城市魅力的生动写照，吸引着八方来客领略其独特风采。
      </div>
    </div>
    <div class="bigbox">
      <h2 id="section5">《南山：长江南岸的绿宝石，自然与人文的双重交响》</h2>
      <div class="imge">
        <img  src="../assets/img/d3fde67d75a219f478a5f489533d5a3c.jpg" alt="" />
      </div>
      <div class="text">
        重庆南山宛如镶嵌在长江南岸的绿宝石，既是山城的天然氧吧，也是人文与自然交融的胜地。

它是华蓥山余脉铜锣山的分支，由涂山、汪山等数十座山峰组成，最高峰春天岭海拔 681.5 米。从渝中区隔江眺望，峰峦起伏，宛如绿色屏障。这里森林繁茂，植被覆盖率极高，汇聚了众多珍稀植物，堪称 “山城花冠”。山中景致丰富，山、水、林、泉、瀑相映成趣，是主城难得的生态秘境。

南山的人文底蕴同样深厚。抗战时期，众多政要在此留下足迹，现存的重庆抗战遗址博物馆，完整保留着蒋介石的云岫别墅、宋美龄的松厅等建筑，诉说着往昔风云。始建于晋代的涂山寺，原名禹王庙，是纪念夏禹治水功绩的佛教古刹；文峰塔立于文峰山巅，砖石垒砌、宝顶巍峨，承载着百年人文期许。黄桷垭老街唐宋时期便商贾云集，175 栋巴渝民居与故居，勾勒出背夫马帮的历史记忆。

这里还是绝佳的观景与休闲之所。一棵树观景园是俯瞰山城夜景的不二之选，两江灯火尽收眼底；南山植物园内奇花异草荟萃，兼具观赏与科普价值；月亮湖碧水如镜，大金鹰屹立山巅，为游客带来丰富体验。无论追寻历史、亲近自然，还是饱览夜景，南山都能让人感受到重庆独特的魅力。
      </div>
    </div>
   <div class="topbox">
      <a href="#top1"><img src="../assets/img/top.png" alt="" class="top"></a>
    </div>
    
    
  </template>
  <script lang="ts" setup>
  import { reactive } from "vue";
  const sz = reactive([
    { src: new URL('../assets/img/13fe65ee835f671a195636aabbd7c4df.jpg', import.meta.url).href, id: "1" },
    { src: new URL('../assets/img/4ea1d68b7331cfc8768aa80b2a93e87a.jpg', import.meta.url).href, id: "2" },
    { src: new URL('../assets/img/853d8c331ee56ddd7edbca9984bea12c.jpg', import.meta.url).href, id: "3" },
    { src: new URL('../assets/img/60f62339e4356a3f10e96c256c3e54b6.jpg', import.meta.url).href, id: "4" },
    { src: new URL('../assets/img/d3fde67d75a219f478a5f489533d5a3c.jpg', import.meta.url).href, id: "5" },
    { src: new URL('../assets/img/f60e632f17e1754b2dd5cee3e3053403.jpg', import.meta.url).href, id: "6" }
  ]);
  </script>
  <style scoped>
  .topbox{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
    height: 60px;
    cursor: pointer;
    width: 60px;

  }
  a{
    text-decoration: none;
    color: black;
  }
  .jindian{
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
    align-items: center;
  }
h2{
  text-align: center; /* 文本水平居中 */
}
  .bigbox .text{
    text-indent: 2em; /* 缩进两个字符宽度 */
  }
  .bigbox{
    padding-top: 50px;
  }

  .bigbox img:hover{
    transition: all 2s ease-in-out;
    transform: scale(1.3); /* 设置图片按照比例放大1.3倍 */
    /* transition: ease-in-out 1s; */
  }
   .imge img{
    width: 100%;
    height: 100%;
   }
  .imge{
    overflow: hidden;
    width: 250px;
    height: 200px;
    float: left;
  }
  h3 {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
  }
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  </style>
  